<template>
  <div class="wrapper">
    <h2>发布新课程</h2>
    <el-steps :active="active">
      <el-step title="填写课程基本信息"></el-step>
      <el-step title="创建课程大纲"></el-step>
      <el-step title="最终发布"></el-step>
    </el-steps>
    <el-button style="margin-top: 12px" type="primary" @click="next"
      >确认发布</el-button
    >
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";
import { ref } from "vue";

const router = useRouter();
const active = ref<number>(3);

const next = () => {
  router.push("/CourseInfo/List");
};
</script>

<style lang="less" scoped>
.wrapper {
  padding: 0 30px;
  h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 600;
  }
}
</style>